

// .single-line-left 表示左边部分
// .single-line-right 表示右边部分
// .single-line-center-wrapper 表示中间部分容器
// .single-line-center-content 中间部分内容，使用display: inline-block; max-width: 100%; 保证witdh不会超过.single-line-center-wrapper

// (!) 必须需要在.single-line-center-wrapper上应用overflow

.overflow() {
    overflow: hidden;
    text-overflow: ellipsis;
}
.nowrap {
    white-space: nowrap;
}

.single-line-left() {
    float: left;
}
.single-line-right() {
    float: right;
}
.single-line-center-wrapper() {
    display: block;
    vertical-align: middle;

    // TODO: 暂时命名成overflow
    // 
    &.overflow {
        .overflow();
    }
    &.nowrap {
        .nowrap();
    }
}
.single-line-center-content() {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    box-sizing: border-box;
    max-width: 100%;
}
